@charset "utf-8";
@import "src/css/common/reset";
@import "src/css/iconfont";
$fontsize:64px;
//首页
html {
    font-size: $fontsize;
}
@function r($px) {
    @return $px/$fontsize*1rem;
}
.web {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    .search_page{    
        width: 100%;
        height: 100%;
        background: #f1f1f1;   
//      搜索头部开始
        .search_wrap{
                    width: 100%;
                    height: r(100px);
                    padding: r(20px);
                    background: #1f1f1f;           
            form{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .search_box{
                    width: r(550px);
                    height: r(60px);
                    border: 1px solid white;
                    border-radius: 30px;
                    position: relative;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;         
                    input{
                        width: r(500px);
                        height: r(35px);
                        padding-left: r(60px);
                        margin: auto;
                        background: #1f1f1f;
                        border: 0;
                        font-size: r(30px);
                    }
                     i{
                        color: white;
                        font-size: r(30px);
                        position: absolute;
                        left: r(20px);
                        top: r(15px);
                    }
                }
                input[type="button"]{
                    margin-left: r(5px);
                    font-size: r(30px);
                    color: white;
                    background: #1f1f1f;
                }
            }
        }
// 搜索结束

        
    }
//关键词开始
    
    .top_keywords{
            margin: r(16px) 0 0 r(15px);
            font-size: 0;

            h2{
                font-size: 13px;
            }
            div{
                margin-right: 4px;
                margin-bottom: 5px;
                border:1px solid #e4e4e4;
                display: inline-block;
                font-size: 15px;
                padding: 6px 9px;
                background: white;
                 &:active{
                    background: red;
                    color: white;
                    
                }
                
                
            }
           
        }
        
        .search_gimc{
            width: 100%;
            height: 100%;
            padding-top: r(34px);
             position: absolute;
                 top: r(100px);
                 left: 0;
                 bottom: r(100px);
                 overflow: auto;
                 overflow-x: hidden;
                 overflow-y: scroll;
                 -webkit-overflow-scrolling: touch;
            .search_result{
                 width: r(580px);

                 background: white;
                 font-size: 0;
                 padding: r(20px);
                 margin: auto;
                 margin-bottom: r(16px);
                
                 h2{
                     font-size: 14px;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     white-space: nowrap;
                     color: black;
                     span{
                         color: red;
                     }
                 }
                 p{
                     font-size: 12px;
                     overflow: hidden;
                     white-space: normal;
                     display: -webkit-box;
                     -webkit-line-clamp: 4;
                     text-overflow: ellipsis;
                     -webkit-box-orient:block-axis;
                     line-height: r(30px);

                 }
                 .search_time{

                     font-size: 12px;
                     line-height: r(40px);
                 }
            }
           
        }
}